<template>
	<div>
		<div class="title">周末去哪儿</div>
		<ul>
			<li class="item border-bottom" v-for="item of list" :key="item.id">
				<div class="item-imgmain">
					<img class="item-img" :src="item.imgUrl">
				</div>
				<div class="item-content">
					<p class="item-title">{{item.title}}</p>
					<p class="item-desc">{{item.desc}}</p>
				</div>
			</li>
		</ul>
	</div>
</template>

<script>
export default{
	name:'HomeWeekend',
	props:{
		list: Array
	}
}
</script>

<style lang="stylus" scoped>
	.title
		background:#eee
		font-size:0.3rem
		padding:0.15rem
	.item
		padding:0.1rem 0.1rem
		.item-imgmain
			height:0
			overflow:hidden
			padding-bottom:33.9%
		  .item-img
		  	width:100%
		.item-content
			padding:.1rem
		  .item-title
				font-size:0.26rem
				line-height:.54rem
		  .item-desc
				color:#616161
				font-size:0.24rem
				padding-bottom:0.1rem
	
</style>